<template>
    <div>
        <div class="container">
            <el-page-header @back="goBack" content="回收经历详情"></el-page-header>
            <el-form label-width="160px" class="e-m-t-45">
                <div class="flex">
                    <div class="e-flex-1">
                        <el-form-item label="回收废品类型">
                            <span>纸皮</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="回收价格">
                            <span>88.00元</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="订单状态">
                            <span class="color-success">已完成</span>
                            <!-- <span class="color-warning">已完成</span>
                            <span class="color-danger">已完成</span>
                            <span>已完成</span> -->
                        </el-form-item>
                    </div>
                </div>
                <div class="flex">
                    <div class="e-flex-1">
                        <el-form-item label="联系人">
                            <span>小蓝</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="性别">
                            <span>女</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="电话">
                            <span>13800138000</span>
                        </el-form-item>
                    </div>
                </div>
                <div class="flex">
                    <div class="e-flex-1">
                        <el-form-item label="定位信息">
                            <span>广东省清远市清城区高新技术开发区天安智谷</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="详细地址">
                            <span>广东省清远市清城区高新技术开发区天安智谷</span>
                        </el-form-item>
                    </div>
                    <div class="e-flex-1">
                        <el-form-item label="用户类型">
                            <span>普通用户</span>
                        </el-form-item>
                    </div>
                </div>

                <el-form-item>
                    <el-button @click="goBack">返回</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script>
export default {
    layout: 'admin',
    head() {
        return {
            title: '回收经历详情' 
        }
    },
    data() {
        return {
            page: 1,
            pageSize: 10,
            total: 0,
            loading: false,
            face: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
            name: '小蓝',
            sex: 1,
            tel: '13800138000',
            regtime: '2022-10-07 16:36',
            recoverytime: '2022-10-07 17:35',
            dialogVisible: false,
        }
    },
    mounted() {

    },
    methods: {
        goBack() {
            this.$router.go(-1)
        },
        pageChange(e) { // 页码切换事件
            this.page = e;
        },
        handleSizeChange(val) {
            this.page = 1;
            this.pageSize = val;
        },
        goLog(){
            this.$router.push({
                path: 'log'
            })
        },
        onSubmit() {
            this.$refs.form.validate((valid) => {
                if (valid) {
                    // this.$axios.post('/admin/modifypwd', this.form).then((res) => {
                    //     this.$alert('密码修改成功, 请重新登录！', '提示', {
                    //         confirmButtonText: '确定',
                    //         showClose: false,
                    //         callback: action => {
                    //             if (process.client) {
                    //                 localStorage.removeItem('lifeData')
                    //             }
                    //             this.$router.push({
                    //                 path:'/login'
                    //             })
                    //         }
                    //     });
                    // })
                } else {
                    return false;
                }
            })
        }
    }
}
</script>

<style lang="scss" scoped>

</style>
